{% extends "SisGGFinalBundle:Usuario:user.html.twig" %}
{% block title %}Nuevo Cliente{% endblock %}
{% block name %}Kito's Local{% endblock%}
{% block descripcion %}Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.{% endblock%}
{% block content %}
  <form action="{{ path('procesar_cliente') }}" method="post">
        <legend>Nuevo Cliente</legend>
        {{ form_errors(form) }}
        <div class="tabbable"> <!-- Only required for left/right tabs -->
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Cliente</a></li>
                <li><a href="#tab2" data-toggle="tab">Direccion</a></li>
                <li><a href="#tab3" data-toggle="tab">Telefonos</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    {{ form_row(form.dni) }}
                    {#{{ form_row(form.cuit.tipoglobal) }}
                    {{ form_row(form.cuit.numero) }}
                    {{ form_row(form.cuit.verificador) }}#}    
                    {{ form_row(form.apellido) }}
                    {{ form_row(form.nombre) }}
                </div>
                <div class="tab-pane" id="tab2">
                    <label for="provincias">Provincia</label>
                    <select id="provincias" name="provincias" class="provincias" onClick="cambio();">
                    {% for provincia in provincias%}
                        <option id="{{provincia.id}}" name="{{provincia.id}}" value="{{provincia}}">
                            {{provincia}}
                        </option>
                    {% endfor %}    
                    </select>
                    <div id="reemplazar" name="reemplazar">
                        {{ form_row(form.direccion.ciudad) }}
                    </div>
                    {{ form_row(form.direccion.calle) }}
                    {{ form_row(form.direccion.numero) }}
                    {{ form_row(form.direccion.manzana) }}
                    {{ form_row(form.direccion.edificio) }}
                    {{ form_row(form.direccion.escalera) }}
                    {{ form_row(form.direccion.piso) }}
                    {{ form_row(form.direccion.departamento) }}
                </div>
                <div class="tab-pane" id="tab3">
                    <div class="span6">
                        <legend>Telefono Fijo</legend>
                            {{ form_row(form.telefonofijo.nacional) }}
                            {{ form_row(form.telefonofijo.caracteristica) }}
                            {{ form_row(form.telefonofijo.numero) }}
                    </div>        
                    <div class="span6">
                        <legend>Telefono Celular</legend>
                            {{ form_row(form.telefonocelular.nacional) }}
                            {{ form_row(form.telefonocelular.caracteristica) }}
                            {{ form_row(form.telefonocelular.numero) }}
                            {{ form_rest(form) }}
                   </div>        
                </div>
            </div>
        </div>
        <div class="form-actions span12">
            <button type="submit" class="btn btn-primary">Guardar Cambios</button>
            <a href="" type="button" class="btn">Cancelar</a>
        </div>
        </div>
  </form>
{% endblock %}
{% block javascripts %}
    {{parent()}}
    <script type="text/javascript">
        $(document).ready(function(){
            $('.provincias').change(function() {
                var posicion=document.getElementById('provincias').options.selectedIndex; //posicion
                $('#reemplazar').load("{{ path('ciudadesprovincia')}}",{'id':document.getElementById('provincias').options[posicion].id});
            });
            
        });
    </script>
{% endblock%}